<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="stylesheet" href="../static/css/mySignIn.css">
    <link rel="shortcut icon" href="../static/images/local/校标.jpg" />
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title id="headTitle">详情</title>
</head>
<body>

<div class="box1">
<h2 align="center" id="title" class="margin-top:100px">新媒体的大势所趋</h2>
<p align="center" id="time"><span style="color: #999;front-size:10; ">更新时间: 2019年12月16日14时08分 </span></p>
    <p align="center" id="author"><span style="color: #999;front-size:10; ">作者:小冉</span></p>
<hr color="#eee" size="2px" />
 <div style="white-space:pre-wrap;margin-top:0">
<p class="box2" id="dec1" >
    近年来，随着移动互联网的蓬勃发展，公众号、微博、今日头条、抖音等一大批社交平台的火爆带动 了新媒体运营行业的发展,运营人员在企业中的价值也不断的被放大和受到重
    视，很多企业在做线上营销时都会考虑“两微-抖”也就是我们所说的新媒体+短视频运营。因此也就催生了大量对新媒体+短视频运营人的需求岗位。
</p>
    <hr color="#eee" size="2px" />
    <p class="box2" id="content" >
        近年来，随着移动互联网的蓬勃发展，公众号、微博、今日头条、抖音等一大批社交平台的火爆带动 了新媒体运营行业的发展,运营人员在企业中的价值也不断的被放大和受到重
        视，很多企业在做线上营销时都会考虑“两微-抖”也就是我们所说的新媒体+短视频运营。因此也就催生了大量对新媒体+短视频运营人的需求岗位。
    </p>
    </div>
</div>
<style>
    #picture
    {
        max-width:600px;
        max-height: 450px;
        border: 0 solid #ffffff;
        position: absolute;
        margin-left: 30%;
        margin-right: 30%;
        margin-top: 5%;
        margin-bottom: 5%;
    }
</style>
<a id="link" target="_blank">
    <img id="picture" style="display: none" ></a>
</body>
<script>
    const suffix=localStorage.getItem("suffix");
    const prefix=localStorage.getItem("prefix");
    const baseUrl=localStorage.getItem("baseUrl");
    const news=JSON.parse(sessionStorage.getItem("news"));
    //console.log(news);
    $('#headTitle').html(news.newsTitle);
    $('#title').html(news.newsTitle);
    $('#time').html("发布时间: "+news.newsDate);
    $('#dec1').html("简述: "+news.newsDesc);
    $('#content').html(news.newsContent);
    $('#author').html("作者: "+news.newsAuthor);
    if(news.newsImagesPath!=="")
    {   $("#picture").css("display",'block');
        console.log("测试点1")
        $('#picture').attr('src', baseUrl+news.newsImagesPath);
        $('#link').attr('href',baseUrl+news.newsImagesPath);
    }
</script>
</html>